@mixin line-bottom($color,$height,$left:0,$right:0,$bottom:0){
	&:after{
		content: "";
		position: absolute;
		display: block;
		left: $left;
		right: $right;
		bottom: $bottom;
		background: $color;
		height: $height;
		@include transition(.3s);
	}
}

@mixin line-top($color,$height,$left:0,$right:0,$top:0){
	&:after{
		content: "";
		position: absolute;
		display: block;
		left: $left;
		right: $right;
		top: $top;
		background: $color;
		height: $height;
		@include transition(.3s);
	}
}

@mixin right-middle($right){
	position: absolute;
	right: $right;
	top: 50%;
	@include translate(0,-50%);
}
@mixin left-middle($left){
	position: absolute;
	left: $left;
	top: 50%;
	@include translate(0,-50%);
}

@mixin ellipsis{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
@mixin mui-ellipsis-2{
  display:-webkit-box;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
}
